<!DOCTYPE html>
<html>
	<!-- 委托指定谈价协议 -->
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<meta http-equiv="X-UA-Compatible" content="ie=edge">
		<link rel="stylesheet" type="text/css" href="../../static/public/css/findshopinfwrite.css" />
		<link rel="stylesheet" type="text/css" href="../../static/public/css/public.css" />
		<script src="http://www.jq22.com/jquery/jquery-1.10.2.js"></script>
		<link rel="stylesheet" href="../../static/public/css/LArea.css">
		<link rel="stylesheet" href="../../static/public/css/Mdate.css">
		<script src="../../static/salesman/js/iScroll.js"></script>
		<script src="../../static/salesman/js/Mdate.js"></script>
	</head>
	<style>
		.formclass .inp {
			display: flex;
			font-family: PingFangSC-Light;
			font-size: 4vw;
			color: #333333;
			border-bottom: 1px #eeeeee solid;
			padding: 3.4vw 0;
			background: white;
			margin-left: 0;
			position: relative;
		}
		.formclass .inp .name {
			width: 22vw;
			text-align: center;
		}
			.sub {
			width: 81vw;
			height: 11.4vw;
			background-image: linear-gradient(90deg, 
			#709ef9 0%, 
			#3c7af6 100%), 
		linear-gradient(
			#ff961e, 
			#ff961e);
			background-blend-mode: normal,
		normal;
			border-radius: 1.1vw;
			font-family: PingFangSC-Light;
			font-size: 4.4vw;
			color: #ffffff;
			margin: 7vw 0;
	</style>
	<body>
		<form class="formclass">
			<div class="line"></div>
			<div class="inputbg">
				<div class="inp">
					<div class="name">甲方</div>
					<div class="inputline"></div>
					<input type="text" name="name" placeholder="请输入甲方姓名" />
				</div>
				<div class="inp">
					<div class="name">身份证号</div>
					<div class="inputline"></div>
					<input type="text" name="sfz" placeholder="请输入甲方身份证号" />
				</div>
				
			</div>
			<div class="line"></div>	
	
			<div class="inputbg">
				<div class="inp">
					<div class="name">店铺</div>
					<div class="inputline"></div>
					<input type="text" name="dp" placeholder="请输入店铺" />
				</div>
				<div class="inp" style="border-bottom: 0px #eeeeee solid;">
					<img src="../../static/images/yousanjiao.png" class="yousanjiao" id="quyu" />
					<div class="name">区域</div>
					<div class="inputline"></div>
					<!-- <div class="nowriteinput">请选择区域</div> -->
					<!-- <input id="demo1" type="text" name="qy" placeholder="请选择区域"/> -->
					<input id="demo1" type="text" readonly="" placeholder="请选择区域" />
				</div>
				<div class="inp">
					<div>
						<div class="name">详细地址</div>
					</div>

					<!-- <img src="../../static/images/yousanjiao.png" class="yousanjiao" id="place"/> -->
					<div class="inputline"></div>
					<!-- <div class="nowriteinput">请输入详细地址</div> -->
					<input type="text" name="xxdz" placeholder="请输入详细地址" />
				</div>
				<div class="inp">
					<div class="name">意向金</div>
					<div class="inputline"></div>
					<input type="text" name="dp" placeholder="请输入意向金" />
				</div>
				<div class="inp">
					<div class="name">转让费</div>
					<div class="inputline"></div>
					<input type="text" name="dp" placeholder="请输入转让费" />
				</div>
				
				<div class="inp">
					<img src="../../static/images/yousanjiao.png" class="yousanjiao timelast" />
					<div class="name">合同期限至</div>
					<div class="inputline"></div>
					<!-- <div class="nowriteinput timelast" style="color: #cccccc;">请选择合同期限</div> -->
					<input type="text" name="timelast" placeholder="请选择合同期限" id="dateSelectorOne"/>
				</div>
				
				
			</div>
			<a href="" class="looktiaoyue">查看完整条约内容</a>
			<input type="submit" value="确定, 去签字" class="sub" />
		</form>
	
		<script type="text/javascript">
		new Mdate("dateSelectorOne",{
			beginYear: "2019",
			endYear: "2100",
		});
		new Mdate("dateShowBtn", {
		    acceptId: "dateSelectorTwo",
		    beginYear: "2002",
		    beginMonth: "10",
		    beginDay: "24",
		    endYear: "2017",
		    endMonth: "1",
		    endDay: "1",
		    format: "-"
		})
		</script>
		<!-- 时间选择器结束 -->
		<script src="../../static/public/js/LAreaData1.js"></script>
		<script src="../../static/public/js/LAreaData2.js"></script>
		<script src="../../static/public/js/LArea.js"></script>
		<script>
			var area1 = new LArea();
			area1.init({
				'trigger': '#demo1', //触发选择控件的文本框，同时选择完毕后name属性输出到该位置
				'valueTo': '#value1', //选择完毕后id属性输出到该位置
				'keys': {
					id: 'id',
					name: 'name'
				}, //绑定数据源相关字段 id对应valueTo的value属性输出 name对应trigger的value属性输出
				'type': 1, //数据源类型
				'data': LAreaData //数据源
			});
			area1.value=[1,15,3];//控制初始位置，注意：该方法并不会影响到input的value
			var area2 = new LArea();
			area2.init({
				'trigger': '#demo2',
				'valueTo': '#value2',
				'keys': {
					id: 'value',
					name: 'text'
				},
				'type': 2,
				'data': [provs_data, citys_data, dists_data]
			});
		</script>

	</body>
</html>
